<template>
    <table class="cmp cmp-whois table table-bordered">
        <tbody>
            <tr><td>域名</td><td>{{ data.domainName }}</td></tr>
            <tr><td>所有者联系邮箱</td><td>{{ data.registrarAbuseContactEmail }}</td></tr>
            <tr><td>所有者联系电话</td><td>{{ data.registrarAbuseContactPhone }}</td></tr>
            <tr><td>注册商</td><td>{{ data.registrar }}</td></tr>
            <tr><td>注册日期</td><td>{{ data.creationDate }}</td></tr>
            <tr><td>更新时间</td><td>{{ data.updatedDate }}</td></tr>
            <tr><td>过期时间</td><td>{{ data.registrarRegistrationExpirationDate }}</td></tr>
            <tr><td>域名状态</td><td>{{ data.domainStatus }}</td></tr>
            <tr><td>DNS服务器</td><td><div v-for="(v,i) in (data.nameServer || '').split(' ')" :key="i">{{ v }}</div></td></tr>
            <tr><td>注册商服务器</td><td>{{ data.registrarWhoisServer }}</td></tr>
            <tr><td>注册商网址</td><td>{{ data.registrarUrl }}</td></tr>
        </tbody>
    </table>
</template>

<script>
export default {
	name: 'cmp-whois',
    props: {
        data: {
            type: Object,
            default () {
                return {}
            }
        }
    },
	data () {
		return {}
	},
}
</script>

<style scoped lang="less">
@import "~@/assets/css/_mixins.less";
@import "~@/assets/css/_color.less";
.cmp-whois {
    td:nth-child(1) {
        width: 10em;
    }
}
</style>
